<template>
    <div class="newbook_container">
        <div class="newbook_head">
            <span class="el-icon-arrow-left" @click="back"></span><h1>新书速递</h1>
        </div>
        <el-row :gutter="20" class="newbook_list">
            <div class="newbook_content">
                <router-link :to="{path:'/books'}">
                    <el-col :span="8">
                    <img src="../../assets/images/27.gif" alt="">
                    <p>蒸汽火车头</p>
                    <p>评论数 13121</p>
                </el-col>
                </router-link>
                <el-col :span="8">
                    <img src="../../assets/images/28.gif" alt="">
                    <p>半欢半爱</p>
                    <p>评论数 13121</p>
                </el-col>
                <el-col :span="8">
                    <img src="../../assets/images/29.gif" alt="">
                    <p>千山暮雪</p>
                    <p>评论数 13121</p>
                </el-col>
            </div>
            <div class="newbook_content">
                <el-col :span="8">
                    <img src="../../assets/images/27.gif" alt="">
                    <p>蒸汽火车头</p>
                    <p>评论数 13121</p>
                </el-col>
                <el-col :span="8">
                    <img src="../../assets/images/28.gif" alt="">
                    <p>半欢半爱</p>
                    <p>评论数 13121</p>
                </el-col>
                <el-col :span="8">
                    <img src="../../assets/images/29.gif" alt="">
                    <p>千山暮雪</p>
                    <p>评论数 13121</p>
                </el-col>
            </div>
            <div class="newbook_content">
                <el-col :span="8">
                    <img src="../../assets/images/27.gif" alt="">
                    <p>蒸汽火车头</p>
                    <p>评论数 13121</p>
                </el-col>
                <el-col :span="8">
                    <img src="../../assets/images/28.gif" alt="">
                    <p>半欢半爱</p>
                    <p>评论数 13121</p>
                </el-col>
                <el-col :span="8">
                    <img src="../../assets/images/29.gif" alt="">
                    <p>千山暮雪</p>
                    <p>评论数 13121</p>
                </el-col>
            </div>
            
        </el-row>
        
    </div>
</template>

<script>
    export default{
        name:"newbook",
        data(){
            return{

            }
        },
        methods:{
            back(){
                this.$router.go(-1);
            }
        }
    }
</script>
<style lang="less" scoped>
@rem:35rem;

.newbook_head{
    overflow:hidden;
    font-size:16/@rem;
    padding:10/@rem;
    background:#fff;
    h1{
        text-align:center;
    }
    span{
        float:left;
        font-size:20/@rem;
    }

} 
.newbook_list{
    background:#f0f0f0;
    text-align:center;
    .newbook_content{
        padding:10/@rem 0;
        overflow:hidden;
        img{
            width:90/@rem;
            height:120/@rem;
            }
        p{
            padding-left:10/@rem ;
            text-align:left;
            line-height:20/@rem;
        }
    }
    
    
}   
</style>